<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<script type="text/javascript" src="../lib/jquery/jquery-1.11.1.js" ></script>
		<script type="text/javascript">
			function f1(){
//				$('div:contains(shanghai)').css('background-color','red');
//				$('div:empty').css('width','150px');
//				$('div:empty').css('height','150px');
//				$('div:empty').css('background-color','red');
//				console.log($("div:parent"));
//				console.log($("div:has(.orange)"));
//				$('div:has(.orange)').css('background-color','blue');
				$('div:parent').css('background-color','blue');
			}
		</script>
	</head>
	<body>
		<h1>内容过滤选择器</h1>
        <div>linken love beijing</div>
        <div>jack love shanghai</div>
        <div></div>
        <div><img /></div>
        <div>      </div>
        <div><p class="orange">橘子</p></div>
        <div><span class="orange"></span></div>

        <input type="button" value="触发" onclick="f1()" />
	</body>
</html>
